午夜视频在线在免费_国产成人免费视频_国产成人综合久久久久久_国产精品无码av天天爽_国产欧美日韩亚洲精品区

“搜索” 是許多移動端應用中的常見功能，尤其對于電商類、引擎類、信息流類的應用，搜索往往是其中重要的功能之一，據(jù)說淘寶用戶 90%的行為都從搜索框開始。無論是移動端還是 pc 端，“搜索” 的設計思考都以 “用戶要得到什么？” 作為出發(fā)點；但兩者的展現(xiàn)形式卻不盡相同。相較于 pc 端，移動端的搜索功能需要在更小的屏幕空間上占有一席之地；根據(jù)不同的業(yè)務形式，其展現(xiàn)的方式也是多種多樣。本文以 “搜索的時間邏輯” 作為脈絡，從 “為什么要搜索－搜索前－搜索時－搜索后” 對搜索功能進行解剖式分析，給自己做分析整理的同時也分享給剛剛?cè)腴T做移動端體驗設計的同學。

為什么要搜索－關于搜索的行為思考

不同的搜索目的

不同的用戶或使用場景，用戶搜索的目的往往不同，一般分以下三類。

1、精確搜索。這種場景下用戶目的清晰明確、直奔主題，通過在搜索框輸入內(nèi)容快速找到所需目標，完成此次搜索動作。常見案例如百度地圖、UBER、網(wǎng)易有道詞典、同花順的搜索功能等。

2、提高尋找效率，高效鎖定目標或快速縮小范圍。這時候 “搜索” 功能在一定程度上和 “篩選” 近似，有時候往往和篩選一起使用。這種常見于信息瀏覽類應用，在用戶瀏覽信息的同時往往 “迸發(fā)” 出念頭，想要快速瀏覽有針對性內(nèi)容，于是開始使用搜索。常見案例如愛奇藝、下廚房、優(yōu)酷、美團、大眾點評、知乎等。

3、用戶不知道自己想要什么，通過 “搜索” 啟發(fā)自己靈感。因為很多應用的搜索頁面中往往有 “精心安排” 的信息。為迎合這類用戶需求，搜索頁面一般有熱門搜索的關鍵詞、搜索類目、記錄等等。

寫在搜索前－搜索怎么放

1、搜索圖標：在導航欄一側(cè)或其他位置放置，根據(jù)用戶場景和重要級需求決定。一般搜索圖標放在右側(cè)，當右側(cè)有兩個及以上按鈕時，考慮平鋪或折疊。

2、搜索欄：以搜索欄的形式直接放在導航欄或放在導航欄下方等其他位置，此時搜索欄可結合語音、拍照、刪除（在輸入后顯示）等功能按鈕。

3、搜索作為標簽欄中的某一個功能：根據(jù)內(nèi)容重要性決定排在第幾個標簽中。

4、搜索以單獨頁面或主頁 p0 功能展現(xiàn)：直接作為主頁面或主頁以較大篇幅顯示搜索欄，內(nèi)容及形式根據(jù)用戶場景定義。（見圖一）

我是圖一

搜索時－搜索框的變身

1.以搜索欄形式展現(xiàn)的搜索功能，搜索框的位置可以出現(xiàn)較短的文案，長度需限制在搜索框的長度以內(nèi)，起到隱性提示和引導的作用，有時也會加入運營內(nèi)容；當出現(xiàn)搜索框時，往往配合 “取消”“刪除”“語音輸入”“拍照輸入” 等功能；當搜索框與其他功能按鈕一起出現(xiàn)時，需要注意各個功能按鈕的可用性問題。（見圖二）

我是圖二

2.以圖標形式展現(xiàn)的搜索功能，當用戶點擊時，或以動效形式出現(xiàn)搜索框，或直接至單獨的搜索頁面。當然，搜索框的形式展現(xiàn)時，點擊行為也會觸發(fā)至一個新的頁面。無論以上哪種形式，當至單獨的搜索頁面時，可展現(xiàn)的關于 “搜索” 的內(nèi)容就更加精彩紛呈了。一般可以給出以下內(nèi)容：

1）與搜索字段相關的聯(lián)想詞列表：頁面上實時展現(xiàn)與搜索關鍵詞有關的單一內(nèi)容列表或多樣性內(nèi)容展示。若關聯(lián)詞有相關操作或二級內(nèi)容，如關閉、搜索結果的副標題或補充內(nèi)容等，可直接在關聯(lián)詞后露出。

2）搜索內(nèi)容的支持范圍：定義內(nèi)容、類目列表、范圍欄（scope bar）給出支持的標簽或者 tab。其目的是讓用戶明確 “搜索” 支持的范圍，相當于搜索的 tips，有時候 “篩選” 功能會在該頁配合搜索一起使用。（見圖三）

我是圖三

3.搜索歷史

4.熱門搜索

5.可能在搜索（根據(jù)用戶習慣、喜好等數(shù)據(jù)推薦）

6.精華內(nèi)容

7.運營推廣內(nèi)容：如內(nèi)容推薦、建議類目的關鍵詞。（如類目的設計、CMS 頻道的設計、促銷活動的設計）（參考案例百度地圖）

8.廣告

9.以上幾種內(nèi)容的結合體（見圖四）

我是圖四

10.針對關鍵詞的進一步推薦搜索的列表（我個人稱之為漸進式搜索，參考案例：（知乎 App），這是一種搜索內(nèi)容未能提供情況下，讓用戶能夠 “有所得” 得好方法，提升了用戶體驗。試想當你輸入了一大段文字之后展現(xiàn)的頁面是 “暫無內(nèi)容”，相比于此，提前讓用戶知道：“我們這里暫時沒有你要的。但是，或許可以看看別的”“別的內(nèi)容或許也有你意想不到的驚喜奧！” 此方案看上去像降級方案，但本質(zhì)是讓用戶的搜索行為可控，反而提升了搜索結果的用戶體驗。（見圖 5）

我是圖五

搜索后－搜索的結果呈現(xiàn)

當我們完成搜索時，以何種形式呈現(xiàn)什么樣的內(nèi)容才能更好的滿足我們的需求呢？當用戶點擊搜索時，有兩種信息的呈現(xiàn)形式，一種是在當前頁面展示，另一種是新開頁面。

1、在當前頁面展示搜索結果的頁面，內(nèi)容較簡單，主要目的是為了讓用戶進一步點擊選擇，使得搜索的結果可控。這種情況下常以列表形式平鋪地展現(xiàn)信息，相關地二級標題或按鈕會結合搜索結果同步露出。這種情況下，很多時候鍵盤地 “搜索” 按鈕是禁用的或者鍵盤的設計無搜索按鈕。

2、當需要展示的內(nèi)容有不同屬性，如列表、圖、圖文結合或更多的其他形式，則一般采用新開頁面的方式，信息的展示也需要做分層處理。信息的分層包括每個單元內(nèi)信息之間的對比、強調(diào)和弱化。不同單元和屬性的信息間優(yōu)先級展示以及展示方式的區(qū)分。參考案例如下：（見圖6）

我是圖六

3、當搜索無內(nèi)容時，我們給用戶什么？簡單粗暴的形式是直接告訴用戶沒有，但這種體驗太不好，作為交互設計師應該思考一件事 ““在沒有結果展示時我們還能為用戶做點兒什么？” 從用戶的角度思考，即 “啥都沒有，我要做什么呢？” 帶著疑問來開始這個頁面的設計，用戶分為主動和被動。主動的用戶這時候會做什么？或許會重新發(fā)起一次搜索，輸入更加精確的關鍵詞、提交報錯或反饋，這類用戶總會找到他想做的事情。而對于被動的用戶，我們就應該去了解他，投其所好。如相似度和關聯(lián)性推薦、熱門推薦、可能喜歡、搜索歷史等形式。（見圖 7）

我是圖七

有時候用戶對于搜索結果并不滿意，我們可以在頁面上做結果頁展示的補償方案：如讓用戶進一步明確搜索詞，縮小搜索范圍，如通過分類和篩選功能。二是引導用戶在應用可支持的范圍內(nèi)進行搜索，如同花順的股票搜索、知乎的搜索案例等。

結語

本文僅從 “時間邏輯” 的角度把搜索功能的形式做了一次簡單總結；但搜索的場景往往根據(jù)具體業(yè)務需求千變?nèi)f化，但這恰恰是用戶體驗設計的意義點所在，也是設計的本源，即 “探索人搜索的初始欲望”。關于搜索，可以思考的點還有很多，隨意拋出一個問題，如：點擊 “搜索” 的時候一定要喚起鍵盤嗎？再問，點擊 “搜索框” 的時候一定要喚起鍵盤嗎？這些都沒有永恒的固定答案，而相對正確的答案都在每一次的具體業(yè)務中。選擇大連網(wǎng)站建設網(wǎng)建科技微信公眾號：sz-shamofeng